<template>
  <div class="notification-center">
    <h2 class="page-title">通知中心</h2>
    <el-card>
      <div slot="header">系统通知</div>
      <el-timeline>
        <el-timeline-item 
          v-for="(item, index) in notifications" 
          :key="index"
          :timestamp="item.time"
        >
          {{ item.content }}
        </el-timeline-item>
      </el-timeline>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const notifications = ref([
  { time: '2023-05-12 10:00', content: '新患者挂号提醒：张三' },
  { time: '2023-05-11 15:30', content: '检验报告已出：李四（血常规）' },
]);
</script>

<style scoped>
.notification-center { padding: 20px; }
.page-title { margin-bottom: 15px; }
</style>